<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title>{$page_seo.title}</title>
<meta name="keywords" content="{$page_seo.keywords}">
<meta name="description" content="{$page_seo.description}">
<meta name="author" content="Itaoke Team  bbs.itaoke.org"/>
<meta name="copyright" content="2010-2016 Itaoke Inc."/>
<link rel="stylesheet" type="text/css" href="__STATIC__/itaoke/mobile/css/amazeui.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/itaoke/mobile/css/style.css" />
<script type="text/javascript" src="__STATIC__/itaoke/mobile/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/itaoke/mobile/js/amazeui.min.js"></script>
<script type="text/javascript" src="__STATIC__/itaoke/mobile/js/fastclick.min.js"></script>
<script>$(function() {FastClick.attach(document.body);});</script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
	SITEURL="{:C('itk_site_url')}";
	WAPURL="{:C('itk_wap_url')}";
	WEBNICK="{:C('itk_site_name')}";
	CNAME="{:CONTROLLER_NAME}";
	ACTNAME="{:ACTION_NAME}";
	URL_COOKIE=0;
</script>	
<!-- 微信自定义接口 -->
<script>
	wx.config({"debug":false,"beta":false,"appId":"wx625f400e3fb7f513","nonceStr":"k3ELH9gpUP","timestamp":1478520692,"url":"http:\/\/neibufuli.m.fqapps.com\/","signature":"cd1b1ff50466552ad9f5ee92658fc307332e2b1d","jsApiList":["onMenuShareAppMessage","onMenuShareTimeline","chooseImage","uploadImage","downloadImage"]});
	wx.ready(function(){
		wx.onMenuShareAppMessage({
			title: document.title,
			desc: "淘宝天猫特价秒杀商品内部优惠券，原来东西可以这么便宜！",
			link: window.location.href ,
			imgUrl: "http://img.fqapps.com/Fn6aATIi6d6qDGDCpDAGAfDmZkVP-50x50"
		}); 
		wx.onMenuShareTimeline({
			title: document.title,
			desc: "淘宝天猫特价秒杀商品内部优惠券，原来东西可以这么便宜！",
			link: window.location.href,
			imgUrl: "http://img.fqapps.com/Fn6aATIi6d6qDGDCpDAGAfDmZkVP-50x50"
		});
	});
</script><!-- 微信自定义接口 -->

</head>

<body>

<div class="am-modal am-modal-alert" tabindex="-1" id="fq_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_confirm_title"></div>
    <div class="am-modal-bd" id="fq_confirm_info"></div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm>确定</span>
    </div>
  </div>
</div>
<link rel="stylesheet" href="//at.alicdn.com/t/font_1473419621_481219.css" />
 <link rel="stylesheet" type="text/css" href="__STATIC__/itaoke/mobile/css/index.css" />
<style>
      
	   .iconfont {
            font-size: 24px;
        }

        .fq-goods {
 	        border: #f3f3f3 solid .1rem;
 	        background: #fff;
 	        color: #3d0505;
 	    }
		
	 	    .am-thumbnail {
 	        border: none;
 	    }
		
		.fq-title,
 	    .fq-title:hover,
 	    .fq-title:focus {
 	        color: #3d0505;
 	    }

		 	    .fq-abstract {
 	        color: #8f8f8f;
 	        line-height: 2;
 	        position: relative;
 	        top: 2px;
 	    }

		.fq-price,
 	    .fq-buy,
 	    .fq-buy:hover,
 	    .fq-buy:focus,
 	    .fq-price:hover,
 	    .fq-price:focus {
 	        color: #f54d23;
 	    }

 	    .fq-post {
 	        background-color: rgb(94,185,94);
 	    }

 	    .fq-coupon {
 	        background-color: rgb(161,156,243);
 	        clear: right;
 	    }

 	    .fq-buy {
 	        border: .1rem solid #f54d23;
 	    }

 	    .fq-share,
 	    .fq-share:hover,
 	    .fq-share:focus {
 	        border: .1rem solid #f5a425;
 	        color: #f5a425;
 	    }

        .fq-invalid {
            position:fixed; 
            top:0; 
            background-color:rgba(0,0,0,0.2); 
            height:100%; 
            width:100%
    }

        .fq-invalid img {
            position:relative;
            top:-30px;
            width:80%;
        }

        .fq-invalid div:first-child {
            width:70%;
            border:0.3rem solid #6a6161;
            border-radius:0.5rem;

        }


        .fq-img {
        width: 154px;
        height: 154px;
    }

    .fq-goods-border {
        border: .2rem #f3e7e3 dashed;
    }

    .fq-coupon-border {
        border: .2rem #f3e7e3 solid;
    }

    .am-form-field {
        border: 0;
    }

        .am-form-field:focus {
            background: 0;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .fq-explain {
        position: absolute;
        width: 180px;
        margin-top: -22px;
        right: 20%;
        left: 20%;
        color: #f54d23;
    }

     .line-clamp {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /*这里修改为要显示的行数*/
        -webkit-box-orient: vertical;
        line-height: 1.4;
        max-height: 40px;
        min-height: 40px;
    }

    .fq-reason,
    .fq-price {
        color: #f54d23;
    }

    .fq-title,
    .fq-title:hover,
    .fq-title:focus {
        color: #3d0505;
    }
</style>
    <div class="header_content am-padding-vertical-xs">
        <div class="am-g">
            <div class="am-u-sm-2">
                <a class="am-inline-block fq-text-sm am-fl">   
				<a href="{:C('itk_wap_url')}"><img class="header_img am-block" src="{:C('itk_site_wxlogo')}" style="position:relative; top:1px; width: 28px;height:28px"></a> 
                </a>
            </div>  
            <div class="am-u-sm-8 am-padding-0">
                 <form action="{:C('itk_wap_url')}"  class="am-form header-form  am-text-sm" id="search">  
				 	<input type="hidden" name="m" value="Wap">
 					<input type="hidden" name="c" value="Search">
				    <input type="hidden" name="a" value="index">
					<input id="key" name="k" type="text" class="fq-text am-radius am-padding-horizontal-xs fq-text-white" placeholder="输入关键词搜索"  value="">
					<i class="am-icon-search am-vertical-align-middle fq-text-sm" onclick="search();"></i>
                 </form> 
            </div>
          
            <div class="am-u-sm-2">
                <div class="am-inline-block  fq-text-sm am-fr" data-am-modal="{target:'#qrcode_large'}">
                    <img src="__STATIC__/itaoke/mobile/images/index_image/qr_code.png" class="am-block" style="width: 30px; height:30px" />
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <nav class="am-padding-top-xs fq-background-white">
            <ul class="am-avg-sm-4">
                <li class="am-text-center column_list">
                    <a class="am-block active" href="{:C('itk_wap_url')}">
                    <i class="iconfont am-block icon-newfont"></i>
                    <span class="am-text-sm am-block">最新推荐</span>
                    </a>
                </li>

                <li class="am-text-center column_list">
                    <a class="am-block " href="{:U('Jiu/index')}" >

                    <i class="iconfont icon-miaoshaweidianji am-block" ></i>
                    <span class="am-text-sm am-block ">9.9包邮</span>
                    </a>
                </li>

                <li class="am-text-center column_list">
                    <a class="am-block " href="{:U('Index/index')}?sort=hot">
                    <i class="iconfont icon-paixingbang am-block"></i> 
                    <span class="am-text-sm am-block">销量排行</span>
                    </a>
                </li>
            
                <li class="am-text-center">
                    <a class="am-block fq-classify" id="all_list" href="javascript:void(0)">
                    <i class="icon-fenlei2 iconfont am-block"></i>
                    <span class="am-text-sm am-block">全部分类</span>
                    </a>
                </li>
            </ul>				
        </nav>
        <div class="fq-type">  
            <ul class="am-avg-sm-4 am-text-center am-text-sm">
			<volist name="cate_data" id="bcate">
				<li class="am-padding-vertical-xs "><a href="{:U('index/cate', array('cid'=>$bcate['id']))}" title="{$bcate.name}">{$bcate.name}</a></li>
			</volist>
            </ul>
        </div>
        <!--banner-->
         
      <!--banner-->


        <!-- 单独推荐商品开始 -->
        
        <!-- 单独推荐商品结束 -->

      <!-- 全部推荐商品开始 -->     
       <ul class="am-avg-sm-2 am-margin-top-sm item_list">
         
        </ul>       
       <div id="totalheight" alt="0"></div>
		  <!-- 全部推荐商品结束 -->
        <ul class="am-pagination am-pagination-centered am-text-xs" id="page" style="margin: 1rem 0 0 0;">
           {$page}      
		</ul>
        <div style="" class="am-text-xs am-text-center am-margin-vertical-sm">
            {:C('itk_site_name')} ©版权所有
		</div>

        </div>   
        <div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
            <a class="fq-top">
                <i class="am-gotop-icon am-icon-chevron-up am-round"></i>
            </a>
        </div>
    <div class="menu">
        <ul class="am-avg-sm-3 am-text-center am-padding-top-xs">
            <li class="am-vertical-align">
                <a href="{:C('itk_wap_url')}">
                    <img src="__STATIC__/itaoke/mobile/images/personal/home-page-act.png" class="am-text-center am-vertical-align-middle"/>
                    <br />               
                    <span class=" am-text-center am-vertical-align-middle">首页</span>
                </a>
            </li>
            <li  class="am-vertical-align">
                <a href="{:U('Share/index')}">
                    <img src="__STATIC__/itaoke/mobile/images/personal/Inordertoshare-unact.png" class="am-text-center am-vertical-align-middle" />
                    <br />
                    <span class=" am-text-center am-vertical-align-middle">晒单广场</span>
                </a>
            </li>
            <li  class="am-vertical-align">
                <a href="{:U('User/index')}">
                    <img src="__STATIC__/itaoke/mobile/images/personal/per-center-unact.png" class="am-text-center am-vertical-align-middle" />
                    <br />
                    <span class=" am-text-center am-vertical-align-middle">个人中心</span>
                </a>
            </li>
        </ul>
    </div>
	<style>
		.main{
			bottom:40px;
		}
	</style>
<style>
.menu{
        width:100%;
        position:absolute;
        position:fixed;

        bottom:0;
        background:#fff;
        border-top:.1rem solid #F3E7E3;
        z-index:999;
    }
    .menu img {
        width:1.5rem;
        height:1.5rem;
        margin-bottom:.2rem;
    }
    .menu a {
        display:inline-block;
        color:#3d0505;

    }
    .menu a span {
        font-size:1.2rem;
    }
</style>
        <div class="am-modal am-modal-no-btn" tabindex="-1" id="qrcode_large">
            <div class="am-modal-dialog">
                <div class="am-modal-hd">
                    <span class="am-text-sm">↓点击二维码放大后长按关注↓</span>
                    <a href="javascript: void(0)" class="am-close" style="top: -5px; right: 0px;" data-am-modal-close>&times;</a>
                </div>
                <div class="am-g">
                    <figure data-am-widget="figure" class="am am-figure" data-am-figure="{pureview:'true'}">
                    <div class="am-u-sm-6">
                    <img id="qrcode_img_large" src="{:C('itk_site_weixin')}" data-rel="{:C('itk_site_weixin')}" style="width:100%;">
                    <span class="am-text-xs am-text-danger" style="top: -2px;position: relative;">关注公众号</span>
                </div>
                <div class="am-u-sm-6">
                        <img id="qrcode_img_large" src="{:C('itk_site_wxkefu')}" data-rel="{:C('itk_site_wxkefu')}" style="width:100%;">
                        <span class="am-text-xs am-text-danger" style="top: -2px;position: relative;">客服微信</span>
                    </div>
                </figure>
            </div>
        </div>
		</div>
<script>
    $(".fq-classify").click(function () {
        //激活状态
        $(".fq-classify").addClass("active");
        $("#all_list").attr("class","am-block fq-classify active");
        $(".fq-classify").css("color","#f54d23");
        $(".column_list a").removeClass("active");
        
        //分类展示
        $(".fq-type").slideToggle();
    });
    //平滑滚动回顶部
    //console.log($('.main').scrollTop());
    $('.main').on('scroll',function(){
        $('.am-gotop-fixed').css('display','block');
        if ($('.main').scrollTop() === 0) {
            // 滚动到底部了
            $('.am-gotop-fixed').css('display','none');
        }
    });
    $('.fq-top').click(function(){
        $('.main').animate({
            scrollTop:$('.header_content').offset().top}, 800);
    });
</script>
<script type="text/javascript">
  if("1"==1){
      var zP = {$p};  //当前第几页
      var a = true;
      $(document).ready(function(e) { 
      $("#totalheight").attr("alt",0).show(); //定义一个总的高度变量
           Productdata(zP);
      });

        //自动加载设置
        $(".main").scroll(function(){  
          var totalheight = parseInt($("#totalheight").attr("alt"));
        if ($(".main").scrollTop() >= totalheight){
            if(12>zP && a==true){
              zP++;
              a = false;
              Productdata(zP);
            }
          } 
        });
         function Productdata(page){
           var key = "{$k}";
           var sort= "{$sort}";
           var ems='';
           var url = WAPURL+'index.php?c=index&a=so&p='+page;
           if(sort !=""){
             url += '&sort='+sort;
           }
           if(key !=""){
              url += '&k='+ key;
           }
           $.get(url,function(datation){
             var data = datation.data.list;
             var scheight = parseInt($("#totalheight").attr("alt"));
              if(data != "null"){            
              var vLen = data.length;         
              if(page==1) $(".item_list").html(null);      
              for(var K=0;K<vLen;K++){
                var obj = data[K];
                var str = '';             
                str +=' <li class="fq-goods am-padding-bottom-sm am-text-center">';
         	    str +='<a class="am-block" href="'+obj.url+'">';
                str += '<img src="'+obj.pic_url+'" class="am-thumbnail am-margin-bottom-0 am-block">';
                str +='<a class="am-block am-text-sm am-text-truncate am-padding-horizontal-xs fq-title am-padding-bottom-xs">';
                str +='<strong class="item_details" data-id="'+obj.id+'">'+obj.title+'</strong>';
                str +='</a>';
                if(obj.ems=1)
                	ems= '包邮';
                else
                	ems='';
                str +='<div class="am-inline-block am-text-xs am-fl fq-post fq-text-white am-margin-left-xs am-padding-horizontal-xs am-margin-bottom-xs">'+ems+'</div>';
                str +='<div class="am-inline-block am-text-xs am-fl fq-coupon fq-text-white am-padding-horizontal-xs am-margin-bottom-xs">';
                if(obj.quan!=0){
                        str +='<span>'+obj.quan+'</span>元优惠券';
                }else{
                        str +='<span>0</span>元优惠券';
                }
                str +='</div>';
                str +='<div class="am-inline-block" style="clear: both; width: 100%">';
                str +='<div class="am-fl fq-price am-padding-left-xs">';
                str +='<span class="am-text-xs am-padding-right-xs">券后</span>';
                if(obj.quan!=0){
                     str +='<strong class="fq-text-default">'+ (obj.coupon_price - obj.quan) +'</strong>';
                }else{
                     str +='<strong class="fq-text-default">'+obj.coupon_price+'</strong>';
                }
                str +='</div>';
                str +='<div class="am-text-xs am-fr am-padding-right-xs fq-abstract" >销量'+obj.volume+'</div>';
                str +='</div>';
                str +=' <ul class="am-avg-sm-2">';
                str +='<li class="am-padding-horizontal-xs">';
                if(obj.quan!=0){
                     str +='<a href="'+obj.url+'" class="am-inline-block am-fl am-padding-vertical-xs am-text-sm fq-buy" style="width:100%">领券购买</a>';
                }else{
                     str +='<a href="'+obj.url+'" class="am-inline-block am-fl am-padding-vertical-xs am-text-sm fq-buy" style="width:100%">去购买</a>';
                }
                str +='</li>';
                str +='<li class="am-padding-horizontal-xs">';
                str +='<a href="'+obj.url+'" class="am-inline-block am-fr am-padding-vertical-xs am-padding-horizontal-xs am-text-sm  fq-share share_btn" data-id="'+obj.id+'"  style="width:100%">';
                str +='<img src="__STATIC__/itaoke/mobile/images/index_image/share.png" style="width: 18px; height: 18px; position: relative; top: -2px" />分享';
                str +='</a></li></ul></li>';
                $(".item_list").append(str);
                scheight = scheight + 120;      
              }   

              $('#page').html(datation.page.replace(/api_/g, ""));
			  
              }else{  
                   if(page==1) $(".item_list").html('<p style="text-align:center;width:100%;display:block;">暂无商品....</p>');
                }

            //加载成功后要修改totalheight的高度
            $("#totalheight").attr("alt",scheight).hide();
            a = true;
          });
          
        }
 }
    function search(){
        $("#search").submit();
    }

    function post(URL, PARAMS) {
            var temp = document.createElement("form");
            temp.action = URL;
            temp.method = "post";
            temp.style.display = "none";
            for (var x in PARAMS) {
                var opt = document.createElement("textarea");
                opt.name = x;
                opt.value = PARAMS[x];
                temp.appendChild(opt);
            }
            document.body.appendChild(temp);
            temp.submit();
            return temp;
    }
</script>
<div class="am-hide">{:C('itk_statistics_code')}</div>
</body>
</html>